<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
    <title>地图显示</title>
    <style>
        html,
        body,
        #container {
          width: 100%;
          height: 100%;
        }

        .quanquan {
            width: 100px;
            height: 100px;
            background: #599B01;
            border-radius: 50%;
        }
        .quanquan:hover { background: #E75D01; }
    </style>
</head>
<body>
<div id="container"></div>
<!-- 加载地图JSAPI脚本 -->
<script src="https://webapi.amap.com/maps?v=1.4.15&key=b8dc15a40f8dcaa6768f2769b3ecfd49"></script>
<script>
    var map = new AMap.Map('container', {
        resizeEnable: true, //是否监控地图容器尺寸变化
        zoom:20, //初始化地图层级
        center: [118.798041,32.044498] //初始化地图中心点
    });

    // var marker = new AMap.Marker({
    //     map: map,
    //     position: [118.798041,32.044498],
    //     content:'<div class="quanquan"></div>'//自定义覆盖物样式，可传可不传
    // });

    // var marker2 = new AMap.Marker({
    //     map: map,
    //     position: [118.795439,32.04387],
    //     content:'<div class="quanquan"></div>'//自定义覆盖物样式，可传可不传
    // });
</script>
</body>
</html>